<template>
    <div class="limit-dising-banner" v-if="limitedDiscount">
        <div class="limit-price">
            <span class="price">￥<em class="now">{{Money(promotionPrice * (limitedDiscount.discount / 10))[0]}}</em>.{{Money(promotionPrice * (limitedDiscount.discount / 10))[1]}}</span>
            <div class="pushl">
                <span class="num">¥{{Money(promotionPrice)[0]}}.{{Money(promotionPrice)[1]}}</span>
                <span class="tag">{{limitedDiscount.descList}}</span>
            </div>
        </div>
        <div class="counting">
            <p class="txt">距离结束仅剩</p>
            <count-down :time="limitedDiscount.limitedEndTime" :custom="true">
                <template v-slot="times">
                    <div class="counting-clock">
                        <span class="num" v-if="times.times.days > 0">{{times.times.days}}天</span> 
                        <i  class="wxIcon" v-if="times.times.days > 0">:</i> 
                        <span  class="num" >{{times.times.hours}}</span> 
                        <i  class="wxIcon">:</i> 
                        <span  class="num" >{{times.times.minutes}}</span> 
                        <i  class="wxIcon">:</i> 
                        <span  class="num">{{times.times.seconds}}</span>
                    </div>
                </template>
            </count-down>
        </div>
    </div>
</template>

<script>
import cash from 'utils/tool';
import countDown from 'components/countdown/count-down';
export default {
    props: {
        limitedDiscount: [Object,String],
        promotionPrice: [Number,String]
    },
    components: {
        countDown
    },
    watch: {
      
    },
    
    data() {
        return {
            Money: cash, //价格转换
        }
    },
    methods: {
       
    },
   
}
</script>


<style lang="stylus" scoped>

</style>


